<template>
  <br>
  <h3 style="color: red"><strong>11.3 事件处理：事件修饰符</strong></h3> <br>
    <button @click="addCount">add{{count}}</button>

  <br>
  <h3 style="color: red"><strong>11.4 事件处理：按键修饰符</strong></h3> <br>
  <input @keyup.enter="submit($event)">

  <br>
  <h3 style="color: red"><strong>11.5 事件处理：系统按键修饰符</strong></h3> <br>

  <br>
  <h3 style="color: red"><strong>11.6 事件处理：鼠标修饰符</strong></h3> <br>

</template>

<script>
export default {
  name: "EventDemo3",
  data(){
    return{
      count:0
    }
  },
  methods:{
    addCount(){
      this.count++
    },
    submit(e){
      console.log(e.currentTarget.value)
    }
  }
}
</script>

<style scoped>

</style>